@charset 'utf-8';
$fColor:#333333;
$gColor:#515a6e;
$iColor:#808080;
$aColor:#fafafa;
$bColor:#2d8cf0;
$gFontSize: 0.28rem;
$gSpace: 0.6rem;
body{
    color: #333;
}
h1, h2 {
    padding: .3rem 0;
    color: #333;
}
h2{
    font-size: .32rem
}
ul {
    list-style-type: none;
    padding: 0;
}
li {
    margin:0;
}
a {
    // color: $gColor;
    &:hover{
        // color: $bColor;
    }
}
p{
    width: 100%;
}

.menu-bg{
    padding-bottom: 60px;
}
.contain{
    max-width: 1200px;
    margin: 0 auto;
    // overflow: hidden;
}
.center{
    text-align: center;
    margin: 0 auto;
}
.logo-wrapper{
    width: 100px;
    float: left;
    margin: 14px 0;
    img{
      width: 100%;
    }
  }
.ivu-carousel{
    clear: both;
}

@media only screen and (min-width:700px) {
    .nav-def{ display: block;}
    .nav-mini{ display: none;}
}
@media only screen and (min-width:180px) and (max-width:700px) {
    .nav-def{ display: none;}
    .nav-mini{ display: block;}
    .nav-lang{ float: right}
}